<template>
  <div>
    <myHeader />
  <div class="box">
    <myAside />
    <myContent />
  </div>
  </div>
</template>

<script>
import myHeader from './components/myHeader.vue'
import myAside from './components/myAside.vue'
import myContent from './components/myContent.vue'
  export default {
    components:{
      myHeader,
      myAside,
      myContent
    },
    data (){
      return {}
    }
  }
</script>

<style>
  .box{
      display: flex;
  }
  .box div {
      flex: 1;
  }
</style>